<script setup lang="ts">
  // import { Button as VanButton } from 'vant';
  // import { useUserStore } from './stores';
  // import { request } from './utils/request';
  // import type { User } from './types/user';
  // // import { ref } from 'vue';

  // // const show = ref(true);

  // const userStore = useUserStore()
  // const login = async () => {
  //   // 测试请求
  //   const res = await request<User>('/login/password', 'POST', {
  //     mobile: '13211112222',
  //     password: 'abc12345',
  //   })
  //   console.log(res.data)

  //   // 模拟登录完成 存储用户数据 =》 仓库的数据默认不持久化
  //   userStore.setUser(res.data)
  // }
</script>

<template>
  <router-view></router-view>
  <!-- <VanButton type="danger" @click="login">登录</VanButton>
  <VanButton type="success">登录</VanButton>
  <VanButton type="primary">登录</VanButton> -->

  <!-- <VanCalendar v-model:show="show" switch-mode="year-month"></VanCalendar> -->

  <!-- <div class="box"></div> -->
</template>

<style scoped lang="scss">
  // 刚刚装了个插件postcss-px-to-viewport 可以允许你写px单位  他帮你转vw
  .box {
    // 375设计稿中量多少 写多少   就用px单位
    width: 100px;
    height: 100px;
    // var(样式变量名) 引用css样式变量的
    background-color: var(--consult-xx);
  }
</style>
